<template lang="pug">
  .clearfix
    .form-shebao-title.font-16.font-weight 商业保险

    include ./formShangbaoFilter.pug
    include ./formShangbao.pug

    .h20

    .clearfix(v-if="!canEditor")
      .form-shebao-title.font-16.font-weight 商保记录
      Table.beautiful-table(:columns="shangbaojiluThead" :data="recordTableData" :stripe="true" ref="demoTable")

    //- 仅展示详情时的按钮
    .clearfix.text-center.mt-20.mb-20(v-if="!canEditor")
      Button.mr-10(type="info" @click="handlepageUp") 查看上一页
      //- Button.mr-10(type="info" @click="handleModify") 修改
      Button.mr-10(type="info" @click="handlepageDown" v-show="isOnlyView && manageTypeValue !== 1") 查看下一页
      Button(v-if="!isFromRoster" type="info" ghost @click="goEmployeeBookList()") 返回花名册
      Button(v-if="isFromRoster" type="info" ghost @click="goRoster()") 返回员工管理

    //- 参保信息设置页面时的按钮
    .clearfix.text-center.mt-20.mb-20(v-if="canEditor && !isEdit")
      Button.mr-10(type="info" @click="handleCreat") 新增
      Button(v-if="!isFromRoster" type="info" @click="goEmployeeBookList") 返回员工花名册列表
      Button(v-if="isFromRoster" type="info" @click="goRoster") 返回员工管理列表

    //- 新建或修改时的按钮
    //- .clearfix.text-center.mt-20.mb-20(v-if="canEditor && !isEdit")
    //-   Button.mr-10(type="info" @click="handlepageUp") 上一步
    //-   Button.mr-10(type="info" @click="handleCreat") 新增

    //- 删除员工合同信息
    //- DeleteEmployeeModal(ref="DeleteEmployeeModal" @ok="handleSureDelete" :modalTitle="deleteEmployeeTitle")
</template>

<script>
import Mixin from '../EBshangbaoMixin.js'
export default {
  name: '',

  mixins: [Mixin],

  mounted () {
    this.query()
  }
}
</script>

<style lang="less" scope>
</style>
